<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="icon" href="linkicon.png">
    <link rel="stylesheet" href="all.css">
    <style>
        .clear{
            clear:both;
            height:0;
        }
    </style>
</head>
<body>
    <!--头-->
    <div id="head">
        <div id="head-left">
            <a href="http://news.baidu.com" target="_blank">新闻</a>
            <a href="https://www.hao123.com?src=from_pc" target="_blank">hao123</a>
            <a href="http://map.baidu.com" target="_blank">地图</a>
            <a href="http://tieba.baidu.com/" target="_blank">贴吧</a>
            <a href="https://haokan.baidu.com/?sfrom=baidu-top" target="_blank" class="mnav c-font-normal c-color-t">视频</a>
            <a href="http://image.baidu.com/" target="_blank">图片</a>
            <a href="https://pan.baidu.com?from=1026962h" target="_blank">网盘</a>
            <div id="head-left-more">
                <a href="http://www.baidu.com/more/"target="_blank">更多</a>
                <div id="more">
                    <div id="more-row1" class="more-content">
                        <a class="img-spa" href="https://fanyi.baidu.com/ " target="_blank">
                            <img src="r11fanyi.png">
                            <!-- <div class="attention">翻译</div> -->
                            翻译
                        </a>
                        <a class="img-spa" href="https://xueshu.baidu.com/ " target="_blank">
                            <img src="r12xueshu.png">
                            学术
                        </a>
                        <a class="img-spa" href="https://wenku.baidu.com/" target="_blank">
                            <img src="r13wenku.png">
                            文库
                        </a>
                    </div>
                    <div id="more-row2" class="more-content">
                        <a class="img-spa" href="https://baike.baidu.com/ " target="_blank">
                            <img src="r21baike.png">
                            百科
                        </a>
                        <a class="img-spa" href="https://zhidao.baidu.com/ " target="_blank">
                            <img src="r22zhidao.png">
                            知道
                        </a>
                        <a class="img-spa" href="https://jiankang.baidu.com/widescreen/home" target="_blank">
                            <img src="r23jiankang.png">
                            健康
                        </a>
                    </div>
                    <div id="more-row3" class="more-content">
                        <a class="img-spa" href="http://e.baidu.com/ebaidu/home/?refer=887 " target="_blank">
                            <img src="r31yingxiao.png">
                            营销推广
                        </a>
                        <a class="img-spa" href="https://live.baidu.com/ " target="_blank">
                            <img src="r32zhibo.png">
                            直播
                        </a>
                        <a class="img-spa" href="https://music.91q.com/" target="_blank">
                            <img src="r33music.png">
                            音乐
                        </a>
                    </div>
                    <div class="clear"></div>
                    <div id="more-more">
                        <a herf="https://www.baidu.com/more/" target="_blank">查看全部百度商品></a>
                    </div>
                </div>
            </div>
    </div>
        <div id="head-right">
            <a href="" id="right-res">设置</a>
                <div id="head-right-more">
                    <a href="">搜索设置</a>
                    <a href="">高级搜索</a>
                    <a href="">关闭预测</a>
                    <a href="">隐私设置</a>
                    <a href="">关闭热搜</a>
                </div>
            
                <div class="res">
                    <a href="" id="right-res" class="right-font">登录</a>
                </div>
            
        </div>
    </div>

    <!--身体-->
    <div id="body">
        <!--百度logo-->
        <div id="body-logo">
            <a href="https://www.baidu.com/s?wd=%E7%99%BE%E5%BA%A6%E7%83%AD%E6%90%9C&sa=ire_dl_gh_logo_texing&rsv_dl=igh_logo_pcs">
                <img src="logo.png" alt="">
            </a>
        </div>
        <form action="">
            <div id="search">
                <!--找到对应的位置-->
                <div id="search-input">
                    <!--实际搜索框的展示-->
                    <input type="text" />
                    <div class="ST">
                        <img src="soutu.png" alt="" class="soutu">
                        <img src="soutubtn.png" alt="" class="soutubtn">
                        <div class="tip">
                            <a href="">按图片搜索</a>
                        </div>
                    </div>
                    
                </div>
                
                <div id="search-btn">
                    <input type="submit" value="百度一下"/>
                </div>
            </div>
        </form>
        <div class="clear"></div>
        <div class="hotsearch">
            <div class="hot-left">
                <a href="">百度热搜 &gt</a>
            </div>
            <div class="hot-right">
                <a href="" class="cir">&#10227;</a><a href="">换一换</a>
            </div>
        </div>
        <ul id="hot-ul">
            <li class="left-li">
                <div class="hottop">
                    <img src="hottop.png" alt="">
                </div>
                <div class="topsearch">
                    <span class="font">为中俄关系定向领航</span>
                </div>            
            </li>
            <li class="right-li"> 
                <span class="numthree">3</span>
                <span class="font">加快构建新发展格局</span>
                <span class="search-hot hot-text">热</span>
                
            </li>
            <li class="left-li">
                <span class="numone">1</span>
                <span class="font">中俄就乌克兰危机，能谈出什么?</span>
                <span class="search-hot hot-text">热</span>
            </li>
            <li class="right-li">
                <span class="num">4</span>
                <span class="font">被造黄谣女生：希望尽快拘留造谣者</span>
            </li>
            <li class="left-li">
                <span class="numtwo">2</span>
                <span class="font">24岁女大学生回村选村长意外当选</span>
                <span class="search-hot hot-text">热</span>
            </li>
            <li class="right-li">
                <span class="num">5</span>
                <span class="font">高中生从3楼飞奔至6楼跳下身亡</span>
            </li>
        </ul>
    </div>
    <div id="foot">
        <div id="foot-div">
                    <p class="lh">
                        <a class="foot-charactor" href="//home.baidu.com" target="_blank">关于百度</a></p>
                    <p class="lh">
                        <a class="foot-charactor" href="http://ir.baidu.com" target="_blank">About Baidu</a></p>
                    <p class="lh">
                        <a class="foot-charactor" href="//www.baidu.com/duty" target="_blank">使用百度前必读</a></p>
                    <p class="lh">
                        <a class="foot-charactor" href="//help.baidu.com" target="_blank">帮助中心</a></p>
                    <p class="lh">
                        <a class="foot-charactor" href="https://e.baidu.com/?refer=1271" target="_blank">企业推广</a>
                    </p>
                    <p class="lh">
                        <a class="foot-charactor" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" target="_blank">京公网安备11000002000001号</a>
                    </p>
                    <p class="lh" style="display: inline-block;">
                        <a class="foot-charactor" href="https://beian.miit.gov.cn" target="_blank">京ICP证030173号</a>
                    </p>
                    <p class="lh" style="display: inline-block;">
                        <a class="foot-charactor" href="//www.baidu.com/licence/" target="_blank">信息网络传播视听节目许可证 0110516</a>
                    </p>
                    <p class="lh" style="display: inline-block;">
                        <span class="foot-charactor">互联网宗教信息服务许可证编号：京（2022）0000043</span>
                    </p>
                    <p class="lh" style="display: inline-block;">
                        <span class="foot-charactor">药品医疗器械网络信息服务备案（京）网药械信息备字（2021）第00159号</span>
                    </p>
                    <div class="foot-right">
                        <img src="right.png" alt="">
                    </div>
                    <div class="foot-top">
                        <img src="top.png" alt="" class="top">
                        <img src="topp.png" alt="" class="topp">
                        </div>
                    </div>
        </div>
    </div>

</body>
</html>